<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>学习通爬虫(Html)-胡欢</title>
  <style>
    #subject {
      display: none;
    }
  </style>
</head>

<body>
  <div id="continer">
    <input type="text" value="" id="key" name="key">
    <button onclick="search()">搜索</button>
    <button onclick="clearKey()">清空</button>
    <div id="answer"></div>
    <div id="subject"><h2 class="mark_title" tabindex="0">
 css homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个CSS属性表示内边距？（ ）
 </p>
 <p>
  Which of the following CSS properties represents the inner margin？ （）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. inner space
 </li>
 <li tabindex="0">
  B. padding
 </li>
 <li tabindex="0">
  C. margin
 </li>
 <li tabindex="0">
  D. inner distance
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个属性能水平居中对齐一个元素？（ ）
 </p>
 <p>
  Which of the following attributes aligns an element horizontally and centrally？ （）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. margin: middle
 </li>
 <li tabindex="0">
  B. margin: none
 </li>
 <li tabindex="0">
  C. margin: align
 </li>
 <li tabindex="0">
  D. margin: auto
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪些表示CSS类选择器？(   )
 </p>
 <p>
  Which of the following represent CSS class selectors?(   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. .mydiv
 </li>
 <li tabindex="0">
  B. $mydiv
 </li>
 <li tabindex="0">
  C. #mydiv
 </li>
 <li tabindex="0">
  D. mydiv-class
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项是正确的引入CSS文件的语法？（ ）
 </p>
 <p>
  Which of the following is the correct syntax for introducing CSS files？（）
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. link="mystyle.css"
 </li>
 <li tabindex="0">
  B. rel="mystyle.css"
 </li>
 <li tabindex="0">
  C. type="mystyle.css"
 </li>
 <li tabindex="0">
  D. href="mystyle.css"
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项表示红色？（ ）
 </p>
 <p>
  Which of the following indicates red?(    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. color:#ff0000
 </li>
 <li tabindex="0">
  B. color:#00ff00
 </li>
 <li tabindex="0">
  C. color:#0000ff
 </li>
 <li tabindex="0">
  D. color:#ffff00
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项能显示圆弧形边框？（ ）
 </p>
 <p>
  Which of the following displays an arc border？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. border-arc:4px
 </li>
 <li tabindex="0">
  B. border-radius:4px
 </li>
 <li tabindex="0">
  C. border-circle:4px
 </li>
 <li tabindex="0">
  D. border-round:4px
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪些能隐藏元素？（ ）
 </p>
 <p>
  Which of the following can hide elements？（ ）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. display:no
 </li>
 <li tabindex="0">
  B. display:nothing
 </li>
 <li tabindex="0">
  C. display:invisible
 </li>
 <li tabindex="0">
  D. display:none
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项能让元素往右浮动？（ ）
 </p>
 <p>
  Which of the following makes an element float to the right？ （ ）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. align:right
 </li>
 <li tabindex="0">
  B. move:right
 </li>
 <li tabindex="0">
  C. float:right
 </li>
 <li tabindex="0">
  D. fix:right
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪项表示鼠标放在超链接上的样式？（）
 </p>
 <p>
  Which of the following represents the style of mouse over hyperlink？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. a:hover
  <br/>
 </li>
 <li tabindex="0">
  B. a:link
 </li>
 <li tabindex="0">
  C. a:top
 </li>
 <li tabindex="0">
  D. a:on
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项能给文字添加下划线？（ ）
 </p>
 <p>
  Which of the following can underline text？（ ）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. text-decoration:underline
  <br/>
 </li>
 <li tabindex="0">
  B. text-decoration:line-through
 </li>
 <li tabindex="0">
  C. text-decoration:overline
 </li>
 <li tabindex="0">
  D. text-decoration:bottom-line
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><h2 class="mark_title" tabindex="0">
 html homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  下列哪一项是在新窗口中打开网页文档？
 </p>
 <p>
  Which of the following is to open a web document in a new window？
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. _top
 </li>
 <li tabindex="0">
  B. _parent
 </li>
 <li tabindex="0">
  C. _blank
 </li>
 <li tabindex="0">
  D. _self
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在网页中嵌入视频，可以用到的标记是（  ）。
 </p>
 <p>
  The tag used to embed video in web pages is (    ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;video&gt;
 </li>
 <li tabindex="0">
  B. &lt;movie&gt;
 </li>
 <li tabindex="0">
  C. &lt;multimedia&gt;
 </li>
 <li tabindex="0">
  D. &lt;content&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下标记中，用来表示一个空格的是（）。
 </p>
 <p>
  Which of the following tags is used to represent a space in web page? (    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. blank
 </li>
 <li tabindex="0">
  B. &amp;nbsp;
 </li>
 <li tabindex="0">
  C. empty
 </li>
 <li tabindex="0">
  D. none
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个标记表示一个表格中的一个单元格？（ ）
 </p>
 <p>
  Which of the following tags represents a cell in a table？ （）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;td&gt;
 </li>
 <li tabindex="0">
  B. &lt;tr&gt;
 </li>
 <li tabindex="0">
  C. &lt;table&gt;
 </li>
 <li tabindex="0">
  D. &lt;cell&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个标签表示隐藏域？（）
 </p>
 <p>
  Which of the following tags represents a hidden field？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;input type="unseen"&gt;
 </li>
 <li tabindex="0">
  B. &lt;input type="reset"&gt;
 </li>
 <li tabindex="0">
  C. &lt;input type="submit"&gt;
 </li>
 <li tabindex="0">
  D. &lt;input type="hidden"&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个标记不需要结束标记？（）
 </p>
 <p>
  Which of the following tags does not require an end tag?（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;br&gt;
  <br/>
 </li>
 <li tabindex="0">
  B. &lt;div&gt;
 </li>
 <li tabindex="0">
  C. &lt;table&gt;
 </li>
 <li tabindex="0">
  D. &lt;body&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个标记与&lt;body&gt;处于同一级别？（ ）
 </p>
 <p>
  Which of the following tags is at the same level as &lt;body&gt; ？ （）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;title&gt;
 </li>
 <li tabindex="0">
  B. &lt;html&gt;
 </li>
 <li tabindex="0">
  C. &lt;head&gt;
 </li>
 <li tabindex="0">
  D. &lt;div&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个标记表示有序列表中的某一项？ (   )
 </p>
 <p>
  Which of the following tags indicates  an item in the ordered list? (   )
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;ul&gt;
 </li>
 <li tabindex="0">
  B. &lt;li&gt;
 </li>
 <li tabindex="0">
  C. &lt;ol&gt;
 </li>
 <li tabindex="0">
  D. &lt;item&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项不属于客户端技术？（ ）
 </p>
 <p>
  Which of the following is not a client technology？（ ）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. JSP
 </li>
 <li tabindex="0">
  B. Javascript
 </li>
 <li tabindex="0">
  C. html
 </li>
 <li tabindex="0">
  D. css
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个标记用来表示复选框？（ ）
 </p>
 <p>
  Which of the following tags is used to represent multiple selection boxes？ （ ）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;input type="radio"&gt;
 </li>
 <li tabindex="0">
  B. &lt;input type="select"&gt;
 </li>
 <li tabindex="0">
  C. &lt;input type="checkbox"&gt;
 </li>
 <li tabindex="0">
  D. &lt;input type="multiselect"&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><h2 class="mark_title">
 HTML5应用开发——CSS
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 下面哪一项是CSS的正确语法( )。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. body:color=black
 </li>
 <li>
  B. {body;color:black;}
 </li>
 <li>
  C. body{color:red;}
 </li>
 <li>
  D. body{color=black;}
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 以下用于给页面所有h1标签添加背景色的是( )。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. h1{background-color:”red”;}
 </li>
 <li>
  B. #h1{background-color:”red”;}
 </li>
 <li>
  C. h1 all{background-color:”red”;}
 </li>
 <li>
  D. .h1{background-color:”red”;}
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 下面哪个CSS属性设置可以设置HTML元素的内填充左、上、右、下分别是10px、20px、30px、40px( )。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. padding:10px 20px 30px 40px
 </li>
 <li>
  B. padding:20px 30px 40px 10px
 </li>
 <li>
  C. padding:30px 40px 10px 20px
 </li>
 <li>
  D. padding:40px 10px 20px 30px
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 <p>
  页面上的div标签设计和为它设计的样式如下，这个div的背景色是：
 </p>
 <p>
  &lt;style&gt;
 </p>
 <p>
  div{
 </p>
 <p>
  width: 100px;
 </p>
 <p>
  height: 100px;
 </p>
 <p>
  background-color: yellow;
 </p>
 <p>
  }
 </p>
 <p>
  #div1{
 </p>
 <p>
  background-color: blue;
 </p>
 <p>
  }
 </p>
 <p>
  .fordiv{
 </p>
 <p>
  background-color: green;
 </p>
 <p>
  }
 </p>
 <p>
  &lt;/style&gt;
 </p>
 <p>
  <br/>
 </p>
 <p>
  &lt;div style="background-color: red;" id="div1" class="fordiv"&gt;&lt;/div&gt;
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. blue
 </li>
 <li>
  B. yellow
 </li>
 <li>
  C. green
 </li>
 <li>
  D. red
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 要实现HTML元素绕Y轴旋转，可以使用CSS变换中的方法（ )。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. rotate()
 </li>
 <li>
  B. rotateX()
 </li>
 <li>
  C. rotateY()
 </li>
 <li>
  D. skew()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 a:hover表示超链接在鼠标( )的状态。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 按下去
 </li>
 <li>
  B. 经过
 </li>
 <li>
  C. 悬停
 </li>
 <li>
  D. 访问后
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在Webkit核心的浏览器中，设置transform属性需要添加私有前缀
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. -ms-
 </li>
 <li>
  B. -o-
 </li>
 <li>
  C. -webkit-
 </li>
 <li>
  D. -moz-
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 定义HTML文档的背景图的CSS属性为（ ）。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. background-position
 </li>
 <li>
  B. background-color
 </li>
 <li>
  C. background-image
 </li>
 <li>
  D. background-attachment
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在css中，应该使用下列哪个CSS3属性实现渐变或过渡效果（ ）。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. border
 </li>
 <li>
  B. transform
 </li>
 <li>
  C. animation
 </li>
 <li>
  D. transition
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 定义文本字体的CSS属性为（ ）。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. font-family
 </li>
 <li>
  B. font-variant
 </li>
 <li>
  C. font-style
 </li>
 <li>
  D. font-size
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在CSS中可以通过（ ）属性实现元素的浮动。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. font
 </li>
 <li>
  B. float
 </li>
 <li>
  C. position
 </li>
 <li>
  D. 以上都不对
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 下面哪个CSS样式中，使用了ID选择器（ ）。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. .redStyle
 </li>
 <li>
  B. h1+p
 </li>
 <li>
  C. div li
 </li>
 <li>
  D. #leftDiv
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 设定元素的position属性为下列哪个属性值后，元素上下左右偏移属性可用（ ）。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. relative
 </li>
 <li>
  B. absolute
 </li>
 <li>
  C. fixed
 </li>
 <li>
  D. 以上都是正确的
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 14.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 css中，语句div {background-color:#FFFFFF}对页面中哪些div起作用，正确说法是（ ）
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对全部div起作用
 </li>
 <li>
  B. 只对第一个div起作用
 </li>
 <li>
  C. 对div中嵌套的div不再起作用
 </li>
 <li>
  D. 以上说法都不对
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 15.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 CSS 指的是（ ）
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. Cascading Style Sheets
 </li>
 <li>
  B. Computer Style Sheets
 </li>
 <li>
  C. Creative Style Sheets
 </li>
 <li>
  D. Colorful Style Sheets
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 16.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 把一个div设为弹性盒子，display的属性值应为（）
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. flex
 </li>
 <li>
  B. block
 </li>
 <li>
  C. none
 </li>
 <li>
  D. inline
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 17.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在移动页面适配中，经常使用rem布局，其中rem是指哪个标签元素的字体大小？
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. body
 </li>
 <li>
  B. title
 </li>
 <li>
  C. html
 </li>
 <li>
  D. head
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 18.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在以下的CSS中，可使所有&lt;p&gt;元素变为粗体的正确语法是（    ）
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. &lt;p style="font-size:bold;"&gt;&lt;/p&gt;
 </li>
 <li>
  B. &lt;p style="text-size:bold;"&gt;&lt;/p&gt;
 </li>
 <li>
  C. p{font-weight:bold;}
 </li>
 <li>
  D. p{text-size:bold;}
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 19.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在CSS中，为页面的某个div设置样式.mydiv{width:200px;padding:0 20px;border:5px;},则该标签的实际宽度为（         ）
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 200px
 </li>
 <li>
  B. 220px
 </li>
 <li>
  C. 240px
 </li>
 <li>
  D. 250px
  <br/>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 相对定位会中，HTML标签元素原来所占有的空间会被保留。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 内填充和外边距的值不能为负值。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 div是行内元素，span是块级元素。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 z-index可用于设置HTML元素的重叠定位顺序，值越大的越在上面。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 过渡属性transition不能设置动画逆向。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 父级元素的position属性可以被子元素继承。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 CSS样式表文件的扩展名为.js
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 为了实现各大浏览器的兼容性，很多css属性在使用时需要添加前缀，为了实现对chrome浏览器的支持，需要添加下列前缀-ms-
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸, 转换使用transition属性来实现.
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 用于设置元素文字颜色的css属性是color.
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 在CSS中可以通过position属性实现元素的浮动
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 为了实现各大浏览器的兼容性，很多CSS3属性在使用时需要添加前缀.
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 在flex弹性布局中，align-content用于单行元素，align-items用于多行元素
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><h2 class="mark_title">
 HTML5应用开发——CSS部分2
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (简答题,6.0分)
 </span>
 什么是Box Model，请画出示意图并解释。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  <p>
   所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
  </p>
  <p>
   <img alt="" border="0" height="145" src="https://www.runoob.com/images/box-model.gif" style="width: 270px; height: 145px;" title="" vspace="0" width="270"/>
  </p>
  <ul class="list-paddingleft-2" style="list-style-type: none;">
   <li>
    <p>
     <strong>
      Margin(外边距)
     </strong>
     - 清除边框外的区域，外边距是透明的。
    </p>
   </li>
   <li>
    <p>
     <strong>
      Border(边框)
     </strong>
     - 围绕在内边距和内容外的边框。
    </p>
   </li>
   <li>
    <p>
     <strong>
      Padding(内边距)
     </strong>
     - 清除内容周围的区域，内边距是透明的。
    </p>
   </li>
   <li>
    <p>
     <strong>
      Content(内容)
     </strong>
     - 盒子的内容，显示文本和图像。
    </p>
   </li>
  </ul>
  <p>
   所以一个盒子实际所占有的宽度（或高度）是由“内容+内边距+边框+外边距”组成的。
  </p>
  <p>
   <br/>
  </p>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (简答题,5.0分)
 </span>
 <p>
  解释在HTML5开发中，head标签中下面这行代码中content属性各参数的含义：
 </p>
 <p>
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /&gt;
 </p>
 <p>
  <br/>
 </p>
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  <p>
   width：设置内容的宽度为设备宽度
  </p>
  <p>
   initial-scale：初始放大比例为1
  </p>
  <p>
   maximum-scale： 最大缩放比例为1
  </p>
  <p>
   minimum-scale:  最小缩放比例为1
  </p>
  <p>
   user-scalable：不允许用户进行缩放
  </p>
  <p>
   <br/>
  </p>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (简答题,5.0分)
 </span>
 实现响应式布局的手段有哪些？
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  1.使用viewport 2.不使用绝对宽度，使用百分比 3.使用相对在小rem布局 4.使用@media规则 5.使用类似于BootStrap的框架 6.使用flex弹性布局
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 CSS的id选择器要在定义的前面使用符号__________。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) #
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 CSS的class选择器要在定义的前面使用符号__________。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) .
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 HTML标签元素的相对定位是相对于________________________________________ 实现定位的。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 该元素本来该出现的位置
  <span style='color: rgb(255, 0, 0); font-family: Tahoma, Helvetica, Arial, "Microsoft YaHei", sans-serif; font-size: 12px;  background-color: rgb(255, 255, 255);'>
   ；自己
  </span>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 向左浮动可以使用CSS属性________________________________。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) float:left;
  <span style='color: rgb(255, 0, 0); font-family: Tahoma, Helvetica, Arial, "Microsoft YaHei", sans-serif; font-size: 12px;  background-color: rgb(255, 255, 255);'>
   ；
  </span>
  float:left
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 元素两边都不允许有浮动应该书写CSS属性为_______________________________ 。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) clear:both;
  <span style='color: rgb(255, 0, 0); font-family: Tahoma, Helvetica, Arial, "Microsoft YaHei", sans-serif; font-size: 12px;  background-color: rgb(255, 255, 255);'>
   ；clear:both
  </span>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 为HTML标签元素设置边框圆角需要使用CSS属性________________________________ 。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) border-radius
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 使用网络字体Web Font应该使用CSS规则________________________________ 。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) @font-face
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 CSS的中文全称为__________________________
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 层叠样式表
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 在CSS中要隐藏元素，可以使用语句_________________________
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) display:none;
  <span style='color: rgb(255, 0, 0); font-family: Tahoma, Helvetica, Arial, "Microsoft YaHei", sans-serif; font-size: 12px;  background-color: rgb(255, 255, 255);'>
   ；visibility:hidden
   <span style='color: rgb(255, 0, 0); font-family: Tahoma, Helvetica, Arial, "Microsoft YaHei", sans-serif; font-size: 12px;  background-color: rgb(255, 255, 255);'>
    ；display:none
   </span>
  </span>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (填空题,2.0分)
 </span>
 定义动画效果应使用CSS3规则________________________
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) @keyframes
 </dd>
</dl>
</div><h2 class="mark_title">
 HTML5应用开发——HTML部分1
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 下列哪个是换行符标签( )。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. p
 </li>
 <li>
  B. span
 </li>
 <li>
  C. hr
 </li>
 <li>
  D. br
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 用于标记HTML文档的开始和结束的HTML结构标记为( )。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. &lt;title&gt;&lt;/title&gt;
 </li>
 <li>
  B. &lt;html&gt;&lt;/html&gt;
 </li>
 <li>
  C. &lt;body&gt;&lt;/body&gt;
 </li>
 <li>
  D. &lt;head&gt;&lt;/head&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 可以产生超链接的标签是()(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. &lt;a url="http://www.w3school.com.cn"&gt;W3School.com.cn&lt;/a&gt;
 </li>
 <li>
  B. &lt;a name="http://www.w3school.com.cn"&gt;W3School.com.cn&lt;/a&gt;
 </li>
 <li>
  C. &lt;a src="http://www.w3school.com.cn"&gt;W3School.com.cn&lt;/a&gt;
 </li>
 <li>
  D. &lt;a href="http://www.w3school.com.cn"&gt;W3School.com.cn&lt;/a&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 如果要在表单里创建一个单行文本输入框,以下写法中正确的是:( )。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. &lt;input type="password"/&gt;
 </li>
 <li>
  B. &lt;input type="text"/&gt;
 </li>
 <li>
  C. &lt;input type="tel"/&gt;
 </li>
 <li>
  D. &lt;input/&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在&lt;input&gt;标签中将type属性设置为( )即可定义单选按钮。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. radio
 </li>
 <li>
  B. select
 </li>
 <li>
  C. check
 </li>
 <li>
  D. text
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 以下标签中用于设置页面标题的是( )。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. title
 </li>
 <li>
  B. body
 </li>
 <li>
  C. head
 </li>
 <li>
  D. html
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在使用&lt;form&gt;表单上传文件时,它的enctype属性必须设置为( )。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. application/x-www-form-urlencoded
 </li>
 <li>
  B. text/json
 </li>
 <li>
  C. multipart/form-data
 </li>
 <li>
  D. text/plain
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 HTML5页面的DTD定义是( )
 <br/>
 (3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 </li>
 <li>
  B. &lt;!DOCTYPE html&gt;
 </li>
 <li>
  C. &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
 </li>
 <li>
  D. &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 以下有关列表的说法中,错误的是( )。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 无序列表应使用ul和 li 标签进行创建
 </li>
 <li>
  B. 定嵌套列表时,也可以具体指定项目符号或编号样式
 </li>
 <li>
  C. li标签体中不能再出现ul标签
 </li>
 <li>
  D. 有序列表和无序列表可以互相嵌套
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 经常被当做“容器”来放置其他元素的标签是:( )(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. img
 </li>
 <li>
  B. span
 </li>
 <li>
  C. url
 </li>
 <li>
  D. div
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在HTML5页面中插入半角的大于号"&gt;";,应使用的标记符应该是( )。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. &lt;
 </li>
 <li>
  B. &amp;
 </li>
 <li>
  C. &gt;
 </li>
 <li>
  D. °
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 表单&lt;form&gt;标签使用__________属性指明表单数据要发送到的页面或API URL(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. action
 </li>
 <li>
  B. value
 </li>
 <li>
  C. name
 </li>
 <li>
  D. method
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 用来实现超链接的元素标签是:( )(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. span
 </li>
 <li>
  B. img
 </li>
 <li>
  C. a
 </li>
 <li>
  D. p
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 14.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 在指定单选框时,只有将以下( )属性的值指定为相同,才能使选项成为一组。(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. checked
 </li>
 <li>
  B. value
 </li>
 <li>
  C. type
 </li>
 <li>
  D. name
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 15.
 <span class="colorShallow">
  (单选题,3.0分)
 </span>
 下列哪个不属于HTML5标准的新特性( )(3.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. Geo Location
 </li>
 <li>
  B. 支付
 </li>
 <li>
  C. canvas
 </li>
 <li>
  D. WebGL
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 所有的HTML标签都有开始标签和结束标签。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 在使用&lt;form&gt;表单提交数据时,需要提交数据的&lt;input&gt;或&lt;select&gt;标签必须有name属性(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 HTML书写错误时,浏览器会弹出报错信息。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 &lt;div&gt;标签默认没有高度,高度会随着内容自动适应,宽度会自动设置为父容器的宽度(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 &lt;div&gt;标签默认没有宽度,宽度会随着内容自动适应,高度会自动设置为父容器的高度(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 HTML的&lt;table&gt;表格标签在默认情况下有边框。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 HTML5 还未成熟,到现在都没有制定相应的标准。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 使用&lt;img&gt;标签显示的图片在网页上可以直接使用鼠标复制(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 html文件的扩展名为.js(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 HTML语言中可以使用form标签定义表单(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 input标签中的required属性可以用于在表单提交数据时不能为空。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 &lt;img&gt;标签使用src定义图片路径时,只能使用绝对路径(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 上传文件时,表单form的enctype属性设置为multipart/form-data。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 14.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 使用a标签链接到Baidu网站的代码为:&lt;a href="www.baidu.com"&gt;Baidu&lt;/a&gt;(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 15.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 在&lt;input&gt;标签中将type属性设置为check即可定义单选按钮(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 16.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 div默认的宽度是由其里面的内容决定的。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 17.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 HTML5能独立于各种操作系统平台,是一种跨平台的技术。(2.0)
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><h2 class="mark_title">
 HTML5应用开发——HTML部分2
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 页面中有段文字”taobao“,需要使用超链接链接到淘宝网站首页,它的HTML写法为____。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:&lt;a href="http://www.taobao.com"&gt;taobao&lt;/a&gt;;&lt;a href="https://www.taobao.com"&gt;taobao&lt;/a&gt;
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 图像标签&lt;img&gt;使用____属性定义要显示的图片路径。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:src
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 在页面中常常会用到一些包含特殊字符的文本,可以使用特殊字符标记表示,其中空格“ "对应的特殊字符标记是____。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:&amp;
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 在HTML中经常使用____标签实现表格。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:&lt;table&gt;;table
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 表单&lt;form&gt;标签使用____属性指明表单数据要发送到的页面或API URL(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:action
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 在&lt;input&gt;标签中,指定控件的类型的属性为____(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:type
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 下拉框&lt;select&gt;标签中使用____标签定义列表中要显示的文字。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:option;&lt;option&gt;
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 &lt;input&gt;标签使用____属性为输入框提供相关提示信息,它在输入信息为空时以灰色显示出来,而输入框获得焦点时自动消失.(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:placeholder
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 HTML中的的注释格式为____。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:&lt;!--注释语句--&gt;
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 使用input标签实现密码输入框,写出该语句____(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:&lt;input type="password"/&gt;
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 表单&lt;form&gt;标签使用method属性用于规定如何发送表单的数据,分为____和____两种方式。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:get;post
 </dd>
 <dd>
  (2) 第1空:post;get
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 HTML中提供了6个等级的标题&lt;h1&gt;~&lt;h6&gt;,标题文字最大的是____。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:&lt;h1&gt;;h1
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 &lt;input&gt;标签使用____属性在form表单提交数据前,规定必须填入数据,如果未输入,则有错误信息提示。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:required
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 14.
 <span class="colorShallow">
  (填空题,7.0分)
 </span>
 用于定义HTML文档的标题要使用标签____。(2.0)
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 第1空:&lt;title&gt;;title
 </dd>
</dl>
</div><h2 class="mark_title">
 HTML5应用开发——JavaScript&amp;DOM
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 我们可以在下列哪个 HTML 标签中放置 JavaScript代码？
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. javascript
 </li>
 <li>
  B. script
 </li>
 <li>
  C. js
 </li>
 <li>
  D. ecmascript
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 如何编写当 i 等于 5 时执行一些语句的条件语句
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. if(i==5)
 </li>
 <li>
  B. if i=5 then
 </li>
 <li>
  C. if i=5
 </li>
 <li>
  D. if i==5 then
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 如何把 7.25 四舍五入为最接近的整数?( )。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. Math.floor(7.25)
 </li>
 <li>
  B. Math.round(7.25)
 </li>
 <li>
  C. Math.rnd(7.25)
 </li>
 <li>
  D. Math.max(7.25)
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 下面( )是JavaScript支持的注释字符。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. //
 </li>
 <li>
  B. ;
 </li>
 <li>
  C. -
 </li>
 <li>
  D. &amp;&amp;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 如何在警告框中写入 "Hello World"？
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. alertBox="Hello World"
 </li>
 <li>
  B. msgBox("Hello World")
 </li>
 <li>
  C. alert("Hello World")
 </li>
 <li>
  D. alertBox("Hello World")
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 执行语句var color=“red”; color=true; color=25;后,color的值为（ ）
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. red
 </li>
 <li>
  B. Y
 </li>
 <li>
  C. 25
 </li>
 <li>
  D. 以上都不对
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 JavaScript语句如下：var myArray = [1,2,3]; myArray[8] = 4; alert(myArray.length);，输出的结果为（ )
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 3
 </li>
 <li>
  B. 9
 </li>
 <li>
  C. 8
 </li>
 <li>
  D. 语句错误，数组越界
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 JavaScript中定义函数如下：function test(a,b){…}，则下面的函数调用中哪个是正确的？
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. test(2,3);
 </li>
 <li>
  B. test(2);
 </li>
 <li>
  C. test( );
 </li>
 <li>
  D. 以上都对
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 JavaScript中，根据CSS选择器在DOM树查找节点的方法是
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. getElementsByTagName
 </li>
 <li>
  B. getElementById
 </li>
 <li>
  C. getElementsByClassName
 </li>
 <li>
  D. querySelector
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 JavaScript中，根据标签的id属性在DOM树查找节点，是使用document对象的方法
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. getElementsByTagName
 </li>
 <li>
  B. getElementById
 </li>
 <li>
  C. getElementsByClassName
 </li>
 <li>
  D. querySelector
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 对于手指在触摸屏上移动，应该监听HTML节点对象的_______________事件。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. ontouchstart
 </li>
 <li>
  B. ontouchmove
 </li>
 <li>
  C. ontouchend
 </li>
 <li>
  D. ontouchcancel
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 当使用DOM进行样式编程时，如果样式的值需要使用变量，应该使用_______________对象。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. className
 </li>
 <li>
  B. classList
 </li>
 <li>
  C. style
 </li>
 <li>
  D. css
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (单选题,4.0分)
 </span>
 当需要频繁添加子节点时，创建子节点应该采用方法_______________，再一次性附加到父节点。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. createElement
 </li>
 <li>
  B. createTextNode
 </li>
 <li>
  C. createNode
 </li>
 <li>
  D. createDocumentFragment
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 JavaScript的数组是定长的。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 JavaScript的函数function调用时参数个数必须匹配。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 JavaScript中使用break语句跳过本次循环。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 有数组var myArray=[1,3,5];myArray.push(6);后，myArray=[6,1,3,5]。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 JavaScript如果有语法错误，IDE和浏览器都会自动提示。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 isNaN 函数的作用是判断变量的值是否为数值，结果为true是数值。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 JavaScript不是跨平台的语言，除了浏览器内核，还与操作系统有关
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 编写JavaScript语句，不用区分大小写。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 JavaScript的函数与Java的方法不同，function后面不需要定义返回值类型，参数也不需要定义数据类型。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 DOM是文档对象模型(Document Object Model)，是基于浏览器编程的一套API接口。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 document.querySelector会返回所有匹配CSS选择器的节点对象集合。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 使用style对象不能读取HTML元素对象style属性中定义的样式。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 为提高效率，查找固定的HTML元素节点对象最好不要放在循环中。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 对
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 14.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 为HTML元素增加自定义data-属性，浏览器会报错。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 15.
 <span class="colorShallow">
  (判断题,3.0分)
 </span>
 JavaScript中使用单引号''表示字符，使用双引号""表示字符串。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><h2 class="mark_title">
 HTML5应用开发——JavaScript&amp;DOM部分3
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (论述题,5.0分)
 </span>
 <p>
  使用function定义一个鸟类Bird，它有color和flyHeight两个属性，一个showInfo()方法，定义完成后，请生成Bird类的实例，并调用showInfo()方法输出color和flyHeight两个属性的值。
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  <p>
   旧的ES语法：
  </p>
  <p>
   function Bird(color,flyHeight) {
  </p>
  <p>
   <br/>
  </p>
  <p>
   this.color=color;
  </p>
  <p>
   <br/>
  </p>
  <p>
   this.flyHeight=flyHeight;
  </p>
  <p>
   <br/>
  </p>
  <p>
   ｝
  </p>
  <p>
   <br/>
  </p>
  <p>
   Bird.prototype.showInfo=function(){
  </p>
  <p>
   <br/>
  </p>
  <p>
   console.log(this.color+","+this.flyHeight);
  </p>
  <p>
   <br/>
  </p>
  <p>
   }
  </p>
  <p>
   <br/>
  </p>
  <p>
   或者新的语法：
  </p>
  <p>
   <br/>
  </p>
  <p>
   class Bird{
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   constructor(color,flyHeight){
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   this.color=color;
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   this.flyHeight=flyHeight;
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   }
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   showInfo(){
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   alert(this.color+","+this.flyHeight);
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   }
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   }
  </p>
  <p>
   <br/>
  </p>
  <p>
   <br/>
  </p>
  <p>
   <br/>
  </p>
  <p>
   实例化并调用方法：var obird=new Bird(); obird.showInfo();
  </p>
  <p>
   <br/>
  </p>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (论述题,5.0分)
 </span>
 定义空数组，有元素：11、13、26、38、24，把这些元素加入数组，并输出其值为偶数的元素
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  <p>
   var myArray=[];
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   myArray.push(11,13,26,38,24);
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   for(let i=0;i&lt;myArray.length;i++){
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   if(myArray[i]%2==0){
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   console.log(myArray[i]);
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space:pre">
   </span>
   }
  </p>
  <p>
   <br/>
  </p>
  <p>
   <span style="white-space: pre;">
   </span>
   }
  </p>
  <p>
   <br/>
  </p>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 JavaScript中声明变量使用的关键字是__________。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) var
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 JavaScript中的恒等运算符为______________ ，用于比较两个运算数的值相等，而且数据类型也相同。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) ===
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 JavaScript使用关键字______________ 创建自定义类（注：非ES6标准）。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) function
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 JavaScript使用方法______________ 实现间隔。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) setInterval;setInterval()
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 JavaScript使用方法______________ 实现延时。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) setTimeout；setTimeout()
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 JavaScript使用方法______________ JSON对象的序列化。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) JSON.stringify；JSON.stringify();
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 JavaScript使用方法______________ JSON格式字符串的反序列化。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) JSON.parse;JSON.parse()
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 设置时钟，每隔1秒调用1次某个函数(函数名称：doWork),写出该语句_______________
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) setInterval(doWork,1000)
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 在JavaScript中要生成一个Object对象myobject，可以使用语法____________
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) var myobject={};var myobject=new Object()
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 在JavaScript中需要生成一个长度为0的数组对象myArray，可以使用语法（ ）。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) var myArray=[];var myArray=new Array();
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 11.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 DOM的英文全称是 _______________ ，中文意思是_______________ 。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) Document Object Model
 </dd>
 <dd>
  (2) 文档对象模型
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 12.
 <span class="colorShallow">
  (填空题,2.3分)
 </span>
 事件的触发过程可分为_______________ 、_______________ 、_______________
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) 捕获阶段
 </dd>
 <dd>
  (2) 目标阶段
 </dd>
 <dd>
  (3) 冒泡阶段
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 13.
 <span class="colorShallow">
  (填空题,2.4分)
 </span>
 JavaScript中，每个事件的处理函数都有一个_____________对象作为参数，它代表事件的状态，比如发生事件中的元素、触点的位置等。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) Event Object;事件参数
 </dd>
</dl>
</div><h2 class="mark_title">
 HTML5应用开发——Vue、本地存储、Canvas
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 关于Canvas，下面说法错误的是
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A.
  <p>
   Canvas使用二维坐标体系，即有X轴和Y轴
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  B.
  <p>
   默认情况下，坐标原点位于左下角，X轴向右为正，Y轴向上为正
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  C.
  <p>
   Canvas可以对像素操作
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  D.
  <p>
   Canvas可以绘制图片
  </p>
  <p>
   <br/>
  </p>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 在Vue实例中可以定义方法的是（    ）
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. el
 </li>
 <li>
  B. methods
 </li>
 <li>
  C. data
 </li>
 <li>
  D. computed
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 下列指令中，可以对表单元素进行双向绑定的是（   ）。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. v-model
 </li>
 <li>
  B. v-on
 </li>
 <li>
  C. v-show
 </li>
 <li>
  D. v-bind
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 localStorage采用键/值对保存数据，可以使用（            ）设置它的数据。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. Save()
 </li>
 <li>
  B. setItem()
 </li>
 <li>
  C. set()
 </li>
 <li>
  D. Insert()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 用于获取Canvas渲染上下文对象的方法是（   ）。
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. getContent
 </li>
 <li>
  B. getContext
  <br/>
 </li>
 <li>
  C. getGraphics
 </li>
 <li>
  D. getCanvas
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 6.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 <p>
  Vue实例销毁之后会调用钩子函数
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A.
  <p>
   destroyed
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  B.
  <p>
   created
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  C.
  <p>
   ready
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  D.
  <p>
   beforeDestroy
  </p>
  <p>
   <br/>
  </p>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 7.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 <p>
  下列语法中，Vue的模板语法正确的是
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A.
  <p>
   &lt;div&gt;data1&lt;/div&gt;
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  B.
  <p>
   &lt;div&gt;{data1}&lt;/div&gt;
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  C.
  <p>
   &lt;div&gt;{{data1}}&lt;/div&gt;
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  D.
  <p>
   &lt;div&gt;{{{data1}}}&lt;/div&gt;
  </p>
  <p>
   <br/>
  </p>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 8.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 <p>
  用来切换元素可见状态的指令是
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. v-if
  <br/>
 </li>
 <li>
  B. v-show
 </li>
 <li>
  C. v-model
  <br/>
 </li>
 <li>
  D. v-modal
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 9.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 <p>
  下列关于Vue的优势的说法错误的是
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A.
  <p>
   双向数据绑定
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  B.
  <p>
   轻量级框架
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  C.
  <p>
   增加代码的耦合度
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  D.
  <p>
   实现组件化
  </p>
  <p>
   <br/>
  </p>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 10.
 <span class="colorShallow">
  (单选题,6.0分)
 </span>
 <p>
  localStorage和sessionStorage在存储Object对象的值时，正确的处理方式应为（      ）
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A.
  <p>
   不需要任何处理，直接存储
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  B.
  <p>
   将JSON对象使用JSON.stringify方法序列化成字符串，再将其保存
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  C.
  <p>
   取出JSON对象的每个属性值，拼接成字符串后存储
  </p>
  <p>
   <br/>
  </p>
 </li>
 <li>
  D.
  <p>
   不能存储
  </p>
  <p>
   <br/>
  </p>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (判断题,6.0分)
 </span>
 <p>
  Canvas的坐标原点在左下角，x轴向右为正，Y轴向上为正。
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (判断题,6.0分)
 </span>
 <p>
  Canvas画布的大小可以使用CSS定义。
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (判断题,6.0分)
 </span>
 <p>
  Vue.js中自定义的组件没有任何生命周期钩子函数。
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (判断题,6.0分)
 </span>
 <p>
  sessionStorage对象执行clear()方法后，localStorage中的数据也会被清除。
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (判断题,6.0分)
 </span>
 <p>
  Vue中事件函数可以使用一个单独的function进行定义。
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li>
  A. 对
 </li>
 <li>
  B. 错
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 错
</span>
</div><h2 class="mark_title">
 HTML5应用开发——Vue、本地存储、Canvas部分4
</h2>
<div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (简答题,5.0分)
 </span>
 <p>
  Web Storage分为哪两种？这两种有何区别？
 </p>
 <p>
  <br/>
 </p>
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  <p>
   Web Storage分为两种：sessionStorage和localStorage.sessionStorage中保存的数据在客户端浏览器连接到服务端后一直保存到断开连接前，都可以访问。当会话结束后，数据自动清除。localStorage一直将数据保存，即使浏览器关闭，localStorage中的数据仍然存在，当下一次浏览器再次访问服务器时，其中的数据仍然可以继续访问。因此它们的区别是localStorage可以永久保存数据，而sessionStorage是临时保存数据。
  </p>
  <p>
   <br/>
  </p>
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 1.
 <span class="colorShallow">
  (填空题,4.1分)
 </span>
 Vue.js框架中______________指令可以实现对input标签的输入值进行双向绑定。
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) v-model
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 2.
 <span class="colorShallow">
  (填空题,4.1分)
 </span>
 <p>
  Canvas API中使用___________方法绘制圆弧。
 </p>
 <p>
  <br/>
 </p>
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) arc;arc()
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 3.
 <span class="colorShallow">
  (填空题,4.1分)
 </span>
 <p>
  在Vue.js单文件组件中，为了限制某个组件中设计的样式仅限于其内部使用，会对组件的style标签加上______属性
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) scoped
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 4.
 <span class="colorShallow">
  (填空题,4.1分)
 </span>
 <p>
  Vue.js中单组件文件的后缀名是_________。
 </p>
 <p>
  <br/>
 </p>
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) .vue
 </dd>
</dl>
</div><div class='theme'><h3 class="mark_name colorDeep">
 5.
 <span class="colorShallow">
  (填空题,4.1分)
 </span>
 <p>
  代码localStorage.getItem("test")执行时，如果键test不存在，得到的值是_________。
  <br/>
 </p>
 <p>
  <br/>
 </p>
</h3>
<dl class="mark_fill colorGreen">
 <dt>
  <i class="fontWeight">
   正确答案：
  </i>
 </dt>
 <dd>
  (1) null
 </dd>
</dl>
</div><h2 class="mark_title" tabindex="0">
 javascript homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪项会触发鼠标点击事件？（）
 </p>
 <p>
  Which of the following triggers a mouse click event?(    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. onmouseclick()
 </li>
 <li tabindex="0">
  B. onclick()
 </li>
 <li tabindex="0">
  C. mouseclick()
 </li>
 <li tabindex="0">
  D. onmouse()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项能弹出一个对话框？（ ）
 </p>
 <p>
  Which of the following can pop up a dialog box？（ ）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. showdialog()
 </li>
 <li tabindex="0">
  B. alert()
 </li>
 <li tabindex="0">
  C. showbox()
 </li>
 <li tabindex="0">
  D. popup()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个运算符表示绝对等于？（）
 </p>
 <p>
  Which of the following operators represents absolute equal to？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. =
 </li>
 <li tabindex="0">
  B. ==
 </li>
 <li tabindex="0">
  C. ===
 </li>
 <li tabindex="0">
  D. ====
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个方法能将文本变为整数？（）
 </p>
 <p>
  Which of the following methods can convert text to an integer？（）
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. parseInt()
 </li>
 <li tabindex="0">
  B. toInt()
 </li>
 <li tabindex="0">
  C. convertInt()
 </li>
 <li tabindex="0">
  D. asInt()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪项属于Javascript的关键字？（）
 </p>
 <p>
  Which of the following is a keyword for JavaScript?（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. my
 </li>
 <li tabindex="0">
  B. good
 </li>
 <li tabindex="0">
  C. let
 </li>
 <li tabindex="0">
  D. jsp
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个操作符能获得变量的数据类型？（）
 </p>
 <p>
  Which of the following operators can obtain the data type of a variable？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. classof
 </li>
 <li tabindex="0">
  B. typeof
 </li>
 <li tabindex="0">
  C. datatype
 </li>
 <li tabindex="0">
  D. oftype
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个方法能将字符串连接起来？（）
 </p>
 <p>
  Which of the following methods can concatenate strings？（）
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. concat()
  <br/>
 </li>
 <li tabindex="0">
  B. join()
 </li>
 <li tabindex="0">
  C. merge()
 </li>
 <li tabindex="0">
  D. connect()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  在Javascript中若单独使用this，则它表示的对象是（）。
 </p>
 <p>
  If "this" is used alone in JavaScript, the object it represents is (    ).
 </p>
 <p>
  <br/>
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. document
 </li>
 <li tabindex="0">
  B. navigator
 </li>
 <li tabindex="0">
  C. window
 </li>
 <li tabindex="0">
  D. html
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  要定义一个Javascript变量，除了使用var，还可以使用（）。
 </p>
 <p>
  To define a JavaScript variable, in addition to using VaR, you can also use （）。
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. const
 </li>
 <li tabindex="0">
  B. let
 </li>
 <li tabindex="0">
  C. param
 </li>
 <li tabindex="0">
  D. def
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个正则表达式表示数字？（）
 </p>
 <p>
  Which of the following regular expressions represents a number?（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. \d
 </li>
 <li tabindex="0">
  B. \b
 </li>
 <li tabindex="0">
  C. \s
 </li>
 <li tabindex="0">
  D. \n
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><h2 class="mark_title" tabindex="0">
 JDBC homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  若要调用存储过程，则应使用的语句对象是（）。
 </p>
 <p>
  To call a stored procedure, the statement object we should use is (        ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. Statement
 </li>
 <li tabindex="0">
  B. CallableStatement
 </li>
 <li tabindex="0">
  C. PreparedStatement
 </li>
 <li tabindex="0">
  D. ProcedureStatement
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  executeUpdate()方法的返回值类型是（）。
 </p>
 <p>
  The return value type of the executeupdate() method is（）.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. int
 </li>
 <li tabindex="0">
  B. ResultSet
 </li>
 <li tabindex="0">
  C. void
 </li>
 <li tabindex="0">
  D. String
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  调用executeQuery()方法后将返回一个结果集，此时游标指向（）。
 </p>
 <p>
  After calling the executeQuery () method, a result set will be returned, and the cursor points to (  ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A.
  <p>
   最后一条记录
  </p>
  <p>
   the last record
  </p>
 </li>
 <li tabindex="0">
  B.
  <p>
   第一条记录之后
  </p>
  <p>
   after the first record
  </p>
 </li>
 <li tabindex="0">
  C.
  <p>
   第一条记录
  </p>
  <p>
   the first record
  </p>
 </li>
 <li tabindex="0">
  D.
  <p>
   第一条记录之前
  </p>
  <p>
   before the first record.、
  </p>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  JDBC中，用于表示数据库连接对象的是（）。
 </p>
 <p>
  In JDBC, the object used to represent a database connection is （）.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. Connection
  <br/>
 </li>
 <li tabindex="0">
  B. DBConnection
 </li>
 <li tabindex="0">
  C. DataBaseConnection
 </li>
 <li tabindex="0">
  D. Conn
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个方法可以获取数据库表中第1列的值？（）
 </p>
 <p>
  Which of the following methods can get the value of the first column  in the database table?(   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. rs.fetchInt(1)
 </li>
 <li tabindex="0">
  B. rs.fetchInt(0)
 </li>
 <li tabindex="0">
  C. rs.getInt(1)
 </li>
 <li tabindex="0">
  D. rs.getInt(0)
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个是正确的JDBC连接字符串？（）
 </p>
 <p>
  Which of the following is the correct JDBC connection string？(    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. jdbc:mysql:/localhost/3306/mydb
 </li>
 <li tabindex="0">
  B. jdbc:mysql://localhost:3306/mydb
 </li>
 <li tabindex="0">
  C. jdbc//mysql:/localhost:3306/mydb
 </li>
 <li tabindex="0">
  D. jdbc:mysql://localhost/3306/mydb
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个是常用的MySQL JDBC驱动程序？（）
 </p>
 <p>
  Which of the following is a commonly used MySQL JDBC driver？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun;  background-color: rgb(255, 255, 255);'>
   com.mysql.cj.jdbc.Driver
  </span>
 </li>
 <li tabindex="0">
  B.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun;  background-color: rgb(255, 255, 255);'>
   <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun;  background-color: rgb(255, 255, 255);'>
    mysql.
   </span>
   com.cj.jdbc.Driver
  </span>
 </li>
 <li tabindex="0">
  C.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun;  background-color: rgb(255, 255, 255);'>
   <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun;  background-color: rgb(255, 255, 255);'>
    com.
    <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun;  background-color: rgb(255, 255, 255);'>
     mysql
    </span>
    .JDBCDriver
   </span>
  </span>
 </li>
 <li tabindex="0">
  D.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun; background-color: rgb(255, 255, 255);'>
   com.mysql.jdbc.
   <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun;  background-color: rgb(255, 255, 255);'>
    cj.j
   </span>
   Driver
  </span>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在JDBC中，要实现事务的回滚，可以调用Connection的方法（）。
 </p>
 <p>
  In JDBC, to roll back a transaction, you can call the connection method (    ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. restore()
 </li>
 <li tabindex="0">
  B. goback()
 </li>
 <li tabindex="0">
  C. commit()
 </li>
 <li tabindex="0">
  D. rollback()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在MySQL数据库中，以下哪条语句能获得前10条记录？（）
 </p>
 <p>
  In MySQL database, which of the following statements can obtain the first 10 records？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. select * from mytable top 10 ;
 </li>
 <li tabindex="0">
  B. select * from mytable 10 top;
 </li>
 <li tabindex="0">
  C. select * from mytable limit 10;
 </li>
 <li tabindex="0">
  D. select * from mytable 10 limit ;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个表示预编译语句对象？（）
 </p>
 <p>
  Which of the following represents a precompiled statement object?（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. PrecompileStatement
 </li>
 <li tabindex="0">
  B. PrecompiledStatement
 </li>
 <li tabindex="0">
  C. PrepareStatement
 </li>
 <li tabindex="0">
  D. PreparedStatement
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><h2 class="mark_title" tabindex="0">
 jquery homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项能返回被选元素的所有同胞元素？（）
  <br/>
 </p>
 <p>
  Which of the following can return all sibling elements of the selected element?(   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. siblings()
 </li>
 <li tabindex="0">
  B. nextAll()
 </li>
 <li tabindex="0">
  C. brothers()
 </li>
 <li tabindex="0">
  D. leftAll()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项能返回所选元素的文本内容？（ ）
 </p>
 <p>
  Which of the following can return the text content of the selected element?(    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. content()
 </li>
 <li tabindex="0">
  B. val()
 </li>
 <li tabindex="0">
  C. html()
 </li>
 <li tabindex="0">
  D. text()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项能从服务器加载数据，并把返回的结果放入HTML元素中？（）
 </p>
 <p>
  Which of the following methods can load the data from the server, and then put the returned results into HTML elements? (   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. $.load()
 </li>
 <li tabindex="0">
  B. $.async()
 </li>
 <li tabindex="0">
  C. $.put()
 </li>
 <li tabindex="0">
  D. $.fill()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个方法能获得id为p的元素的背景色？（）
 </p>
 <p>
  Which of the following methods can obtain the background color of an element with id=p?
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. $("p").css("background-color")
 </li>
 <li tabindex="0">
  B. $(".p").css("background-color")
 </li>
 <li tabindex="0">
  C. $("#p").css("background-color")
 </li>
 <li tabindex="0">
  D. $("#p").css("color")
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个方法能在被选元素的结尾插入内容？（）
 </p>
 <p>
  Which of the following methods can insert content at the end of the selected element？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. append()
  <br/>
 </li>
 <li tabindex="0">
  B. add()
 </li>
 <li tabindex="0">
  C. tail()
 </li>
 <li tabindex="0">
  D. insert()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪项表示选取所有带有href属性的元素？（）
 </p>
 <p>
  Which of the following indicates that all elements with href attribute are selected?（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. $( {href} )
 </li>
 <li tabindex="0">
  B. $("href")
 </li>
 <li tabindex="0">
  C. $([href])
 </li>
 <li tabindex="0">
  D. $( [href] )
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项表示选取&lt;ul&gt;中的第一个&lt;li&gt;元素？（）
 </p>
 <p>
  Which of the following indicates to select the first &lt; li &gt; element in &lt; ul &gt;?(   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. $("ul li:first")
 </li>
 <li tabindex="0">
  B. $("ul li:(1)")
 </li>
 <li tabindex="0">
  C. $("ul first:li")
 </li>
 <li tabindex="0">
  D. $("ul :li(1)")
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下哪个方法能对jQuery对象进行遍历，对匹配的元素执行函数？（）
 </p>
 <p>
  Which of the following methods can traverse jQuery objects and execute functions on matching elements？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. .for()
 </li>
 <li tabindex="0">
  B. .each()
 </li>
 <li tabindex="0">
  C. .loop()
 </li>
 <li tabindex="0">
  D. .traverse()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个方法能获得第2个&lt;p&gt;元素？（）
 </p>
 <p>
  Which of the following methods can get the second &lt; p &gt; element？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. $("p").get(2)
 </li>
 <li tabindex="0">
  B. $("p").eq(2)
 </li>
 <li tabindex="0">
  C. $("p").eq(1)
 </li>
 <li tabindex="0">
  D. $("p").get(1)
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 下面哪个不是jQuery加载即执行的方法？（）
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. $function(){}
  <br/>
 </li>
 <li tabindex="0">
  B. $(function(){})
 </li>
 <li tabindex="0">
  C. document.ready(function(){})
 </li>
 <li tabindex="0">
  D. window.onload=$(function(){})
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><h2 class="mark_title" tabindex="0">
 JSP homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  以下不是JSP隐含变量的是（）。
 </p>
 <p>
  Which of the following is not a JSP implied variable?(  )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. request
 </li>
 <li tabindex="0">
  B. out
 </li>
 <li tabindex="0">
  C. context
 </li>
 <li tabindex="0">
  D. session
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  可以在以下哪个标记之间插入变量与方法声明？（）
 </p>
 <p>
  Which of the following tags can be inserted with variable and method declarations？
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;% %&gt;
 </li>
 <li tabindex="0">
  B. &lt;%! %&gt;
 </li>
 <li tabindex="0">
  C. &lt;/ %&gt;
 </li>
 <li tabindex="0">
  D. &lt;! %&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在JSP中如果要导入java.io.* 包，应该使用以下哪个指令？（）
 </p>
 <p>
  Which of the following instructions should be used if you want to import the Java. io. * package in JSP?(    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. page
 </li>
 <li tabindex="0">
  B. include
 </li>
 <li tabindex="0">
  C. tablib
 </li>
 <li tabindex="0">
  D. forward
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  当多个用户请求同一个JSP页面时，Tomcat服务器为每个客户启动一个(    )。
 </p>
 <p>
  When multiple users request the same JSP page, the Tomcat server starts one （   ） for each client.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. 进程(process)
 </li>
 <li tabindex="0">
  B. 线程（Thread）
 </li>
 <li tabindex="0">
  C. 服务(Service)
 </li>
 <li tabindex="0">
  D. 程序(program)
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  JSP页面经过编译之后，将创建一个（）。
 </p>
 <p>
  After the JSP page is compiled, a （  ） is created.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. applet
 </li>
 <li tabindex="0">
  B. Servlet
  <br/>
 </li>
 <li tabindex="0">
  C. application
 </li>
 <li tabindex="0">
  D. exe file
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  下列哪一项不是Servlet中使用的方法?(    )
 </p>
 <p>
  Which of the following is not a method used in a servlet?(    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. doGet()
 </li>
 <li tabindex="0">
  B. doPost()
 </li>
 <li tabindex="0">
  C. service()
 </li>
 <li tabindex="0">
  D. close()
  <br/>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  当response的状态行代码为哪个时，表示用户请求的资源找不到?(    )
 </p>
 <p>
  When the status line code of response is (      ), it indicates that the resource requested by the user is not found.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. 101
 </li>
 <li tabindex="0">
  B. 202
 </li>
 <li tabindex="0">
  C. 303
 </li>
 <li tabindex="0">
  D. 404
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  能在浏览器的地址栏中看到提交数据的表单提交方式是(    ).
 </p>
 <p>
  If you can see the form for submitting data in the address bar of the browser. Then the submission method is (       ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. submit
 </li>
 <li tabindex="0">
  B. get
 </li>
 <li tabindex="0">
  C. post
 </li>
 <li tabindex="0">
  D. put
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在Java Web应用中，编译后的class文件存放的目录为(     ).
 </p>
 <p>
  In Java Web applications, the directory where the compiled class files are stored is (    ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. classes
  <br/>
 </li>
 <li tabindex="0">
  B. jar
 </li>
 <li tabindex="0">
  C. META
 </li>
 <li tabindex="0">
  D. resource
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  在Java Web应用中，MVC设计模式中的V（视图）通常由（ ）充当.
 </p>
 <p>
  In Java Web applications, V (view) in MVC design pattern is usually acted by (    ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. Servlet
 </li>
 <li tabindex="0">
  B. JSP
 </li>
 <li tabindex="0">
  C. JavaBean
 </li>
 <li tabindex="0">
  D. database
  <br/>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><h2 class="mark_title" tabindex="0">
 JSTL&amp;EL homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在JSTL的标签&lt;forEach&gt;中，用于指定要遍历的对象集合的属性是（）。
 </p>
 <p>
  In the tag &lt; forEach &gt; of JSTL, the attribute used to specify the collection of objects to traverse is(  ) .
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. varStatus
 </li>
 <li tabindex="0">
  B. var
 </li>
 <li tabindex="0">
  C. items
 </li>
 <li tabindex="0">
  D. value
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  EL表达式 ${!(14==10)}的输出结果为（）。
 </p>
 <p>
  The output result of EL expression ${! (14 = = 10)} is (   ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. true
  <br/>
 </li>
 <li tabindex="0">
  B. false
 </li>
 <li tabindex="0">
  C. 1410
 </li>
 <li tabindex="0">
  D. null
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  EL表达式 ${sessionScope.user.sex} 与以下哪个式子是等价的？(  )
 </p>
 <p>
  Which of the following is equivalent to the EL expression ${sessionscope. user. sex}?  (  )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. ${session.user. sex}
 </li>
 <li tabindex="0">
  B. ${sessionscope. user["sex"]}
 </li>
 <li tabindex="0">
  C. ${sessionscope.["user"].sex}
 </li>
 <li tabindex="0">
  D. ${session.sex.user}
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下能引入JSP标签库的指令是（）。
 </p>
 <p>
  Which of the following instructions  can import the JSP tag library ?(   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;%importTag%&gt;
 </li>
 <li tabindex="0">
  B. &lt;%JSPtag%&gt;
 </li>
 <li tabindex="0">
  C. &lt;%taglibrary%&gt;
 </li>
 <li tabindex="0">
  D. &lt;%taglib%&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  JSP动作标签&lt;jsp:include&gt;的属性（）用于指定被包含文件的路径。
 </p>
 <p>
  The attribute (   ) of the JSP action tag &lt; jsp: include &gt; is used to specify the path of the included file.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. page
 </li>
 <li tabindex="0">
  B. path
 </li>
 <li tabindex="0">
  C. src
 </li>
 <li tabindex="0">
  D. href
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪些能获得当前项目的相对路径？（）
 </p>
 <p>
  Which of the following can get the relative path of the current project？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. ${pageCongtext.request.ServerName}
 </li>
 <li tabindex="0">
  B. ${pageCongtext.request.contextPath}
 </li>
 <li tabindex="0">
  C. ${pageCongtext.request.RelativePath}
 </li>
 <li tabindex="0">
  D. ${pageCongtext.request.ServletPath}
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个JSP标签可以实现多分支选择？（）
 </p>
 <p>
  Which of the following JSP tags can implement multi branch selection？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;c:switch&gt;
 </li>
 <li tabindex="0">
  B. &lt;c:choose&gt;
 </li>
 <li tabindex="0">
  C. &lt;c:select&gt;
 </li>
 <li tabindex="0">
  D. &lt;c:ifwhen&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪项可以取出request范围的属性myname的值？（）
 </p>
 <p>
  Which of the following can get the value of the attribute "myname" in the request scope?(   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. ${requestScope[myname]}
 </li>
 <li tabindex="0">
  B. ${request.myname}
 </li>
 <li tabindex="0">
  C. ${requestScope.myname}
 </li>
 <li tabindex="0">
  D. ${request[myname]}
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪个JSP动作能实现页面的转向而当前网址不变？（）
 </p>
 <p>
  Which of the following JSP actions can change the page while the current web address remains unchanged?(    )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;jsp:turnto&gt;
 </li>
 <li tabindex="0">
  B. &lt;jsp:goto&gt;
 </li>
 <li tabindex="0">
  C. &lt;jsp:redirect&gt;
 </li>
 <li tabindex="0">
  D. &lt;jsp:forward&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  已知变量myvar的值为10，则表达式 ${ empty myvar?"good":"bad"}的输出为（）。
 </p>
 <p>
  If the value of variable myvar is 10, then the output of the expression ${empty a? "good": "bad"} is(  ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. true
  <br/>
 </li>
 <li tabindex="0">
  B. false
 </li>
 <li tabindex="0">
  C. good
 </li>
 <li tabindex="0">
  D. bad
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><h2 class="mark_title" tabindex="0">
 servlet homework
</h2>
<div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 1.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  HttpServlet类是定义在以下哪个包之中？（）
  <br/>
 </p>
 <p>
  which of the following packages is class httpservlet defined?(   )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. javax.servlet
 </li>
 <li tabindex="0">
  B. javax.servlet.http
 </li>
 <li tabindex="0">
  C. servlet.http
 </li>
 <li tabindex="0">
  D. java.servlet.http
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 2.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在Web容器中，以下哪个类别的实例代表HTTP响应对象?(  )
 </p>
 <p>
  In a web container, which of the following  represents an HTTP response object?(  )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   HttpResponse
  </span>
 </li>
 <li tabindex="0">
  B.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   HttpServletRequest
  </span>
 </li>
 <li tabindex="0">
  C.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   HttpServletResponse
  </span>
 </li>
 <li tabindex="0">
  D.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   HttpPrintWrite
  </span>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 3.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  以下哪一个选项可以获得Servlet的初始化参数?(   )
 </p>
 <p>
  Which of the following options can get the initialization parameters of the servlet?(  )
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   InitServlet
  </span>
 </li>
 <li tabindex="0">
  B.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   ServletContext
  </span>
 </li>
 <li tabindex="0">
  C.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   GenericServlet
  </span>
 </li>
 <li tabindex="0">
  D.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   ServletConfig
  </span>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 4.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  在编写Servlet时需要(    ).
 </p>
 <p>
  We need to (     )when writing servlets.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   extend HttpServlet
  </span>
 </li>
 <li tabindex="0">
  B. extend Servlet
 </li>
 <li tabindex="0">
  C.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   implement HttpRequestServlet
  </span>
 </li>
 <li tabindex="0">
  D.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   Implement HttpRequest
  </span>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 5.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  Servlet程序的入口点是(   ).
 </p>
 <p>
  The entry point for the servlet program is(     ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   init()
  </span>
 </li>
 <li tabindex="0">
  B.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   doGet()
  </span>
 </li>
 <li tabindex="0">
  C.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   main()
  </span>
 </li>
 <li tabindex="0">
  D.
  <span style='color: rgb(77, 77, 77); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures;  background-color: rgb(255, 255, 255);'>
   service()
  </span>
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 6.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  完整的配置一个Servlet需要以下哪个标签？（）
 </p>
 <p>
  Which of the following tags is required to fully configure a servlet？（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. &lt;webapp&gt;&lt;/webapp&gt;
 </li>
 <li tabindex="0">
  B. &lt;servlet-mapping&gt; &lt;/servlet-mapping&gt;and &lt;servlet-name&gt;&lt;/servlet-name&gt;
 </li>
 <li tabindex="0">
  C. &lt;servlet-name&gt;&lt;servlet-name/&gt; and &lt;servlet-class&gt;&lt;/servlet-class&gt;
 </li>
 <li tabindex="0">
  D. &lt;servlet&gt;&lt;/servlet&gt; and &lt;servlet-mapping&gt;&lt;/servlet-mapping&gt;
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 D
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 7.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在Servlet中，HttpServletResponse的（）方法用来把一个Http请求重定向到另外的URL 。
 </p>
 <p>
  In servlet, the  method (    ) of httpservletresponse is used to redirect an HTTP request to another URL.
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. sendrRedirect()
  <br/>
 </li>
 <li tabindex="0">
  B. sendURL()
 </li>
 <li tabindex="0">
  C. redirectURL()
 </li>
 <li tabindex="0">
  D. redirectResponse()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 8.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  在Servlet中,response.getWriter()返回的是（）。
 </p>
 <p>
  In the servlet, response. getWriter () will return the object of (   ).
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. JspWriter
 </li>
 <li tabindex="0">
  B. Out
 </li>
 <li tabindex="0">
  C. PrintWriter
 </li>
 <li tabindex="0">
  D. ResponseWriter
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 C
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 9.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  在Servlet生命周期中,以下哪个方法会被多次执行？（）
 </p>
 <p>
  Which of the following methods is executed multiple times in the servlet life cycle?（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. run()
 </li>
 <li tabindex="0">
  B. service()
 </li>
 <li tabindex="0">
  C. init()
 </li>
 <li tabindex="0">
  D. destroy()
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 B
</span>
</div><div class='theme'><h3 class="mark_name colorDeep" tabindex="0">
 10.
 <span class="colorShallow">
  (单选题)
 </span>
 <p>
  <br/>
  如果是整个应用程序共享的数据，则适合存放在以下哪个对象的属性中？（）
 </p>
 <p>
  If the data is shared by the whole application, which of the following object properties is suitable for storage?（）
 </p>
</h3>
<ul class="mark_letter colorDeep">
 <li tabindex="0">
  A. ServletContext
 </li>
 <li tabindex="0">
  B. ServletConfig
 </li>
 <li tabindex="0">
  C. ServletRequest
 </li>
 <li tabindex="0">
  D. Session
 </li>
</ul>
<span class="colorGreen marginRight40 fl">
 <i class="fontWeight">
  正确答案:
 </i>
 A
</span>
</div></div>
  </div>

  <script type="text/javascript">
    // 搜索按钮事件
    function search(e) {
      console.log("start");
      // 拿到输入框的value
      const key = document.getElementById("key").value;
      // 然后同时匹配答案和选项
      const mark_name = document.getElementsByClassName("theme")
      let max_map = new Map();
      for (let i = 0; i < mark_name.length; i++) {
        const subject = mark_name[i].innerHTML;
        // 匹配成功的次数
        let success_matches_number = 0;
        for (let j = 0; j < key.length; j++) {
          if (subject.indexOf(key[j]) >= 0) {
            // 如果题目每包含一个关键字，匹配成功次数就+1
            success_matches_number++;
          }
        }
        // 记录每道题匹配成功的次数
        max_map.set(i, success_matches_number);
      }
      // console.log(max_map)
      // 将匹配结果按照value排序
      let sorted_map = Array.from(max_map);
      sorted_map.sort(function (a, b) { return b[1] - a[1] })
      let all_answer_html = "";
      for (let item of sorted_map) {
        all_answer_html+=mark_name[item[0]].outerHTML +"<div style='color:red;'>===================================================================================================</div>"
      }
      document.getElementById("answer").innerHTML = all_answer_html;
      console.log("finish");
    }
    // 清空输入框
    function clearKey() {
      document.getElementById("key").value = "";
    }
  </script>
</body>

</html>